/*初始化*/
img, i { border: none; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
i { font-style: normal; }

/*通用*/
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }


/*性能*/
.comtit .cn { font-size: 38px; text-align: center; }
.comtit .line { display: block; margin: 18px auto; width: 60px; height: 2px; background-color: #333; }
.comtit .en {
  margin: 0 auto;
  width: 55%;
  font-family: Arial;
  font-size: 12px;
  line-height: 1.5;
  color: #888;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateZ(0) scale(0.6666);
  -moz-transform: translateZ(0) scale(0.6666);
  -ms-transform: translateZ(0) scale(0.6666);
  -o-transform: translateZ(0) scale(0.6666);
  transform: translateZ(0) scale(0.6666);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}
.performance { margin: 0 auto; }
.performance .main { margin-top: 30px; font-size: 0; }
.performance .imgwr { width: 43.5%; }
.performance .imgwr .img { display: block; width: 100%; }
.performance .list { margin-left: 6%; width: 43%; }
.performance .list .col { position: relative; margin: 4.5% 6% 4.5% 0; width: 44%; vertical-align: top; }
.performance .col .ico { position: absolute; left: 0; top: 0; width: 16%; }
.performance .col .con { margin-left: 25%; font-size: 14px; line-height: 1.4; color: #999; }
.performance .col .tit { margin-bottom: 0.5em; font-size: 18px; line-height: normal; color: #333; }
.performance .col:hover .ico {
  -webkit-transform: translate3d(6px, 0, 0);
  -moz-transform: translate3d(6px, 0, 0);
  -ms-transform: translate3d(6px, 0, 0);
  -o-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}
.performance .col:hover .tit { color: #da251c; }

@media screen and (max-width:640px) {
  .performance { margin: 30px auto; }
  .comtit .cn { font-size: 20px; }
  .performance .main { margin-top: 0; }
  .performance .list .col { margin: 30px 0 0; width: 47%; }
  .performance .list .col:nth-child(2n) { margin-left: 6%; }
  .performance .col .ico { display: block; position: relative; margin: 0 auto; width: auto; max-width: 30%; }
  .performance .col .con { margin-left: 0; margin-top: 20px; text-align: center; }
  .performance .col .tit { font-size: 16px; }
}